/*!	* base.css * CSS Document * The site is designed by Lxh,Inc 11/2017 */
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, 
h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, 
small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, 
thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:13px; font-family: "Helvetica Neue", Helvetica, "PingFang SC", Tahoma, Arial, sans-serif; } 
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ font-size:12px;background:#fff; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; min-width: 1200px; overflow-x:hidden; }
:focus { outline:0; }
html{ width:100%; /*min-width:1200px;*/ }
body{ position:relative; margin:0 auto; max-width: 100%; /*min-width:1200px;*/ } 
table { border-collapse: separate; border-spacing: 0; } 
hr{ border:none; height:1px; }
caption, th, td { text-align: left; font-weight: normal; }
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); outline:none; color:#5a5a5a;   } 
/*a:hover{ color:#00a25f; }*/
img{ border:none; vertical-align:middle; -ms-interpolation-mode:bicubic; }
ul,ol{ list-style:none; }
ul,li{ padding:0; margin:0; list-style:none; }

/* Form */
label,input,select{ vertical-align:middle; }
button,input,select,textarea{ font-family:"Microsoft Yahei"; }
select {
      border: solid 1px #000;
      appearance:none;
      -moz-appearance:none;
      -webkit-appearance:none;
      background: url("http://ourjs.github.io/static/2015/arrow.png") no-repeat scroll rightright center transparent;
      padding-right: 14px;
      cursor:pointer;
    }
    select::-ms-expand { display: none;
 }
input[type=submit],input[type=button],input[type=reset]{ cursor:pointer; }
input[type="button"], input[type="submit"], input[type="reset"], input[type="text"],select,textarea{ -webkit-appearance:none; font-family:"Microsoft Yahei","Arial", Helvetica, sans-serif; }*:focus{ outline:none; }
textarea,select{ -webkit-appearance:none; }

/* Clear float */
.clearfix:before,.clearfix:after{ content:"."; display:block; visibility:hidden; height:0; line-height:0; font-size:0; }
.clearfix:after{ clear:both; }
.clearfix{ zoom:1; }
.clear{ clear:both; height:0; overflow:hidden; }
.fl{ float:left; }
.fr{ float:right; }

/* 过渡 */
.transition{ transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }
.img-transition { -webkit-transition: -webkit-transform 1s; -moz-transition: -moz-transform 1s; -o-transition: -o-transform 1s; transition: transform 1s; }

/* 文字移除隐藏 */
.omit{ white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; display:block; }

/* 遮盖层 */
.base-layer{ position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000; top:0; right:0; bottom:0; left:0; display:none; -webkit-transition: visibility 0.25s ease, opacity 0.25s ease;
    -moz-transition: visibility 0.25s ease, opacity 0.25s ease;
    -ms-transition: visibility 0.25s ease, opacity 0.25s ease;
    -o-transition: visibility 0.25s ease, opacity 0.25s ease;
    transition: visibility 0.25s ease, opacity 0.25s ease; }
.base-layer.show{ display:block; }
.base-layer.is-visible{visibility:visible; opacity:1; animation:elastic .5s;}

/* 背景图片 */
.background{background-repeat:no-repeat; background-position:center center; background-size:cover; }

/* table布局 */
.table{display:table;}
.table-cell{display:table-cell; vertical-align: middle; height:100%;}
.inline-block{ display:inline-block; }
.center { text-align: center; }

/* 文档宽度小于 480 像素 */

@media screen and (max-width: 1024px) {
     ::-webkit-scrollbar {
        -webkit-appearance: none;
    }
     ::-webkit-scrollbar:vertical {
        width: 6px;
    }
     ::-webkit-scrollbar:horizontal {
        height: 6px;
    }
     ::-webkit-scrollbar-thumb {
        background-color: rgba(0, 0, 0, .5);
        border-radius: 10px;
        border: 2px solid #ffffff;
    }
     ::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: #ffffff;
    }
}

/*旋转动画*/
@-webkit-keyframes spin {
  form {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  form {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* 窗口弹性动画 */ 
@keyframes elastic {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
    
    55% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
    
    70% {
        -webkit-transform: scale(0.98);
        -moz-transform: scale(0.98);
        -ms-transform: scale(0.98);
        -o-transform: scale(0.98);
        transform: scale(0.98);
    }
    
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes btn-pudding {
    12%,
    15% {
        transform: scale(0.93, 1.07)
    }
    16%,
    17% {
        transform: scale(0.94, 1.06)
    }
    10%,
    18% {
        transform: scale(0.95, 1.05)
    }
    19% {
        transform: scale(0.96, 1.04)
    }
    20% {
        transform: scale(0.98, 1.02)
    }
    21%,
    40%,
    48% {
        transform: scale(0.99, 1.01)
    }
    22%,
    23%,
    37%,
    39%,
    49% {
        transform: scale(1, 1)
    }
    7%,
    24%,
    34%,
    36% {
        transform: scale(1.01, 0.99)
    }
    25%,
    27%,
    30%,
    33% {
        transform: scale(1.02, 0.98)
    }
    28%,
    29% {
        transform: scale(1.03, 0.97)
    }
    2% {
        transform: scale(1.16, 0.84)
    }
    0% {
        transform: scale(1.2, 0.8)
    }
}

.hot_line{
    font-size: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #FFC125;
    font-weight:bold;
}